import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface UserHeartCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const UserHeartCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: UserHeartCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M10.34 2.046c-.698.089-1.527.406-2.148.822a5.725 5.725 0 0 0-1.198 1.148c-.311.417-.685 1.18-.814 1.664a4.974 4.974 0 0 0 .337 3.5c.521 1.063 1.297 1.827 2.379 2.344 1.566.747 3.437.594 4.928-.405.405-.271 1.024-.89 1.295-1.295 1.164-1.739 1.164-3.909 0-5.648-.271-.405-.89-1.024-1.295-1.295a5.07 5.07 0 0 0-3.484-.835m-.12 10.982c-3.507.23-6.835 1.982-7.88 4.149-.214.444-.295.739-.325 1.183-.081 1.204.718 2.217 2.208 2.799 1.385.542 3.43.806 6.317.816 1.364.005 1.404.003 1.56-.081.191-.104.384-.301.483-.494.123-.24.095-.599-.077-.992-.364-.834-.484-1.436-.482-2.428 0-.689.011-.805.112-1.237a6.178 6.178 0 0 1 .83-2.008c.227-.371.282-.641.194-.954-.063-.226-.307-.508-.53-.615-.269-.129-1.49-.199-2.41-.138m6.202 1.334c-.323.05-.469.101-.828.285-.692.356-1.259 1.086-1.483 1.907-.121.446-.12 1.228.001 1.657.288 1.014 1.058 1.919 2.352 2.764 1.256.819 1.816.819 3.072 0 1.294-.845 2.064-1.75 2.352-2.764.122-.432.122-1.211-.001-1.662-.279-1.027-1.105-1.888-2.048-2.133a2.665 2.665 0 0 0-1.629.128l-.21.092-.21-.092a2.637 2.637 0 0 0-1.368-.182"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
